Adwaita: use stricter selectors on paned separators
authorLapo Calamandrei <calamandrei@gmail.com>
Sat, 9 Jan 2016 11:05:31 +0000 (12:05 +0100)
committerLapo Calamandrei <calamandrei@gmail.com>
Sat, 9 Jan 2016 11:07:52 +0000 (12:07 +0100)
this fixes the "fat" separator on gedit headerbar, since it was
cought by the paned separator styling.

gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css

index d7ffb3baa4e4549fc4d8a6c05387a7645ca0ea3d..063c8d9af80d6f6ae482c383bc567d6bd74b65e7 100644 (file)
@@ -3053,30 +3053,26 @@ placesview {
  *********/
 
 paned {
-  separator {
+  separator {
     min-width: 1px;
     min-height: 1px;
     background-color: $borders_color;
-    &:backdrop {
-      background-color: $backdrop_borders_color;
-    }
+    &:backdrop { background-color: $backdrop_borders_color; }
+    &:selected { background-color: $selected_bg_color; }
   }
-  &:dir(ltr).horizontal separator {
+  &:dir(ltr).horizontal separator {
     margin: 0 -8px 0 0;
     padding: 0 8px 0 0;
   }
-  &:dir(rtl).horizontal separator {
+  &:dir(rtl).horizontal separator {
     margin: 0 0 0 -8px;
     padding: 0 0 0 8px;
   }
-  &.vertical separator {
+  &.vertical separator {
     margin: 0 0 -8px 0;
     padding: 0 0 8px 0;
   }
-  separator:selected {
-    background-color: $selected_bg_color;
-  }
-  separator.wide {
+  > separator.wide {
     min-width: 5px;
     min-height: 5px;
     background-color: transparent;
index ab57a2ce2685e23dac1e405352b32feacce597ca..00d9ae0d113b8b48a65b873e620529f54e17e5ef 100644 (file)
@@ -4193,24 +4193,24 @@ placesview row.activatable:hover {
 /*********
  * Paned *
  *********/
-paned separator {
+paned separator {
   min-width: 1px;
   min-height: 1px;
   background-color: #1c1f1f; }
-  paned separator:backdrop {
+  paned separator:backdrop {
     background-color: #1f2222; }
-paned:dir(ltr).horizontal separator {
+  paned > separator:selected {
+    background-color: #215d9c; }
+paned:dir(ltr).horizontal > separator {
   margin: 0 -8px 0 0;
   padding: 0 8px 0 0; }
-paned:dir(rtl).horizontal separator {
+paned:dir(rtl).horizontal separator {
   margin: 0 0 0 -8px;
   padding: 0 0 0 8px; }
-paned.vertical separator {
+paned.vertical separator {
   margin: 0 0 -8px 0;
   padding: 0 0 8px 0; }
-paned separator:selected {
-  background-color: #215d9c; }
-paned separator.wide {
+paned > separator.wide {
   min-width: 5px;
   min-height: 5px;
   background-color: transparent;
index 9a01662202a8af63aafe269f32f37582d66defd4..a41168e73db89a95be46c833d8ad328ca02dea88 100644 (file)
@@ -4369,24 +4369,24 @@ placesview row.activatable:hover {
 /*********
  * Paned *
  *********/
-paned separator {
+paned separator {
   min-width: 1px;
   min-height: 1px;
   background-color: #9d9d99; }
-  paned separator:backdrop {
+  paned separator:backdrop {
     background-color: #a5a5a1; }
-paned:dir(ltr).horizontal separator {
+  paned > separator:selected {
+    background-color: #4a90d9; }
+paned:dir(ltr).horizontal > separator {
   margin: 0 -8px 0 0;
   padding: 0 8px 0 0; }
-paned:dir(rtl).horizontal separator {
+paned:dir(rtl).horizontal separator {
   margin: 0 0 0 -8px;
   padding: 0 0 0 8px; }
-paned.vertical separator {
+paned.vertical separator {
   margin: 0 0 -8px 0;
   padding: 0 0 8px 0; }
-paned separator:selected {
-  background-color: #4a90d9; }
-paned separator.wide {
+paned > separator.wide {
   min-width: 5px;
   min-height: 5px;
   background-color: transparent;